<template>
  <i :class="iconCls" v-on="$listeners"></i>
</template>

<script>
export default {
  name: "KissFont",
  props: {
    name: {
      type: String,
      required: true,
    },
    className: {
      type: String,
      default: "",
    },
  },
  computed: {
    iconCls() {
      const exCls = this.className ? ` ${this.className}` : "";
      if (this.name) {
        return "uk uk-" + this.name + exCls;
      } else {
        return "uk " + exCls;
      }
    },
  },
};
</script>

<style>
</style>
